<template>
  <div class="app">
      <!-- 头部 -->
  <my-head title="安全保障" :go="true" :ri="false"></my-head>
  <!-- 中间内容 -->
  <div class="content">
  <div class="nav">
  <img src="../../../../../static/img/securityone.gif">
  </div>
  <div class="guarantee">
   <img src="../../../../../static/img/securityonetwo.gif">
   </div>
   <!-- 三个小步骤 -->
   <div class="threenmethod">
    <!-- 第一个小部分 -->
    <div class="onemonthod">
    <i><img src="../../../../../static/img/depositorys.gif"></i>
    <span>1.落实监管，坚守合规</span>
    <p>由银监会、工信部、公安部、国家网信办四部委联合发布《网络借贷信息中介机构业务活动管理暂行办法》，要求互联网金融平台必须选择符合要求的银行作为平台投资人和借款人的资金存管机构。在此背景下，小荷在线主动拥抱监管，与银行签订存管协议。</p>
    <span class="onemonthodtwo">2.投资更透明，安全有保障</span>
    <p>小荷在线和银行存管系统正式上线了，我们决定为投资人资金提供强有力的安全保障。银行存管就是有银行保存管理资金，平台管理交易，真正做到资金与交易的隔离，使得平台无法直接接触资金。</p>
    </div>
    <!-- 第二个小部分 -->
    <div class="twomonthod">
        <!-- 第一个小部分 -->
    
    <i><img src="../../../../../static/img/depositorys.gif"></i>
    <span>1.落实监管，坚守合规</span>
    <p>小荷在线拥有一支专业风控团队，由来自国内各大银行或金融机构的成员组成，从贷款前的审查到贷款后的管理，他们用专业的风控经验为投资人资金提供强有力的安全保障。</p>
    <span class="onemonthodtwo">2.投资更透明，安全有保障</span>
    <p>小荷在线和银行存管系统正式上线了，我们决定为投资人资金提供强有力的安全保障。银行存管就是有银行保存管理资金，平台管理交易，真正做到资金与交易的隔离，使得平台无法直接接触资金。%-70%，以降低抵押物价值波动的风险。 </p>
    </div>
  <!-- 第二个小部分 -->
    <div class="threemonthod">
      <i><img src="../../../../../static/img/depositorys.gif"></i>
    <span>1.网贷行业受法律保护</span>
    <p>根据《中华人民共和国合同法》、《最高人民法院关于审理民间借贷案件适用法律若干问题的规定》，自然人之间以及自然人与非金融机构之间的借贷属于民间借贷范畴，受法律保护。</p>
    <span class="onemonthodtwo">2.监管正严，平台合规化发展</span>
    <p>由银监会、工信部、公安部、国家网信办四部委联合发布《网络借贷信息中介机构业务活动管理暂行办法》，要求互联网金融平台必须选择符合要求的银行作为平台投资人和借款人的资金存管机构。在此背景下，小荷在线主动拥抱监管，与银行签订存管协议。</p>
    </div>
    </div>
    
   
   </div>
  
  </div>
</template>

<script>
import Head from '@/components/Head'
export default {
name:"app",
data(){
    return{

    }
},
components: {
    myHead:Head
}
}
</script>

<style scoped> 
.app{
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.head{
flex: 1;
width: 100%;
position: fixed;
top: 0;
left: 0;

}
/* 中间内容的第一个导航*/
.content{
    width: 100%;
    margin-top: 0.02rem;
    background: #ededed;
    overflow-y: scroll;
}
.content .nav{
    width: 100%;
    height: 1.63rem;
}
.content .nav img{
    width: 100%;
    height: 100%;
}
/* 保障那 */
.content .guarantee{
    width: 100%;
    height:2.5rem;
}
.content .guarantee img{
    width: 100%;
    height: 100%;
}
/* 下面的三个小步骤 */
.content .threenmethod{
    margin-top: 0.15rem;
    width: 100%;
    height: auto;
    background: white;
}
/* 三个小步骤下的第一部分 */
.content .threenmethod .onemonthod{
width: 100%;
}
.content .threenmethod .onemonthod i{
margin-top: 0.2rem;
margin-left: 0.1rem;
display: inline-block;
width: 1.68rem;
height:0.35rem;
}
.content .threenmethod .onemonthod i img{
    width: 100%;
    height: 100%;
}
.content .threenmethod .onemonthod span{
    display: block;  
    margin-top: 0.17rem;
    margin-left: 0.2rem;
}
.content .threenmethod .onemonthod .onemonthodtwo{
    display: block;  
    margin-top: 0.1rem;
    margin-left: 0.2rem;
}
.content .threenmethod .onemonthod p{
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    line-height: 0.2rem;
    text-indent: 2em;
    margin-top: 0.05rem;
}
/* 三个小步骤下的第二部分 */
.content .threenmethod .twomonthod{
    width: 100%;
}
.content .threenmethod .twomonthod i{
margin-top: 0.2rem;
margin-left: 0.1rem;
display: inline-block;
width: 1.68rem;
height:0.35rem;
}
.content .threenmethod .twomonthod i img{
    width: 100%;
    height: 100%;
}
.content .threenmethod .twomonthod span{
    display: block;  
    margin-top: 0.17rem;
    margin-left: 0.2rem;
    margin-bottom: 0.05rem;
}
.content .threenmethod .twomonthod .onemonthodtwo{
    display: block;  
    margin-top: 0.1rem;
    margin-left: 0.2rem;
}
.content .threenmethod .twomonthod p{
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    line-height: 0.2rem;
    text-indent: 2em;
}
/* 三个小步骤下的第三部分 */
.content .threenmethod .threemonthod{
    width: 100%;
}
.content .threenmethod .threemonthod i{
margin-top: 0.2rem;
margin-left: 0.1rem;
display: inline-block;
width: 1.68rem;
height:0.35rem;
}
.content .threenmethod .threemonthod i img{
    width: 100%;
    height: 100%;
}
.content .threenmethod .threemonthod span{
    display: block;  
    margin-top: 0.17rem;
    margin-left: 0.2rem;
    margin-bottom: 0.05rem;
}
.content .threenmethod .threemonthod .onemonthodtwo{
    display: block;  
    margin-top: 0.1rem;
    margin-left: 0.2rem;
}
.content .threenmethod .threemonthod p{
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    line-height: 0.2rem;
    text-indent: 2em;
    padding-bottom: 0.2rem;
}
</style>
